<template>
	<view class="work-container">
		<view class="header">
			<view class="top">
				<view class="search"><u-search shape="round" placeholder="请输入要查找的功能" :animation="true" action-text="查找"
						@click="handle_search_click" disabled bgColor="#FFFFFF2F" borderColor="#000" searchIconColor="#000"
						placeholderColor="#000"></u-search></view>
			</view>

			<view class="switchAndShow">
				<view class="title">{{ this.$store.state.config.areaConfig.title }}</view>
				<view class="switch">
					<u-swiper :list="banner" height="250" radius="0"></u-swiper>
				</view>
				<view class="shortcutShow">
					<u-row justify="space-between" gutter="10">
						<u-col span="5">
							<view class="left">
								<view>
									<u-icon name="account" size="70" label="紧急情况" labelPos="bottom"
										labelColor="#465c77"></u-icon>
								</view>
								<view style="margin-top:5%; text-align: center;">
									<text style="color: #9ba4b9 ">紧急情况 一键报警</text>
								</view>
								<view class="btn">
									<u-button type="error" text="一键报警" @click="handle_warring_click"></u-button>
								</view>
							</view>
						</u-col>
						<u-col span="7">
							<view class="right">
								<view class="right-top">
									<u-row justify="space-between" @click="right_top_click">
										<u-col span="7">
											<view class="textView"><text class="textTitle">医护咨询</text><text
													class="textInfo">健康咨询,不可开药</text></view>
										</u-col>
										<u-col span="6">
											<view class="picView"><u-icon name="chat" size="50"></u-icon></view>
										</u-col>
									</u-row>
								</view>
								<view class="right-bottom">
									<u-row justify="space-between" @click="right_bottom_click">
										<u-col span="7">
											<view class="textView"><text class="textTitle">用药咨询</text><text
													class="textInfo">合理用药,在线知道</text></view>
										</u-col>
										<u-col span="6">
											<view class="picView"><u-icon name="plus" size="50"></u-icon></view>
										</u-col>
									</u-row>
								</view>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>
		</view>
		<!-- 宫格组件 -->
		<uni-section title="老人功能菜单" type="line"></uni-section>
		<!-- <u-popup :show="showActionSheet" @close="closeActionSheet" @open="openRTInfo">
            <view class="popUpRTInfo" >
                <text>出淤泥而不染，濯清涟而不妖</text>
            </view>
		</u-popup> -->
		<u-action-sheet :actions="list" :show="showActionSheet" @close="closeActionSheet" round="10" @select="actionSheetSelect" ></u-action-sheet>
		<u-action-sheet :actions="submenuList" :show="showSubmenu" @close="closeSubmenu" round="10" @select="submenuSelect" ></u-action-sheet>
		<view class="grid-body">
			<uni-grid :column="4" :showBorder="false" @change="changeGrid">
				<uni-grid-item v-if="homePermission.some(i => i.name == 'LaoRenXinXi')">
					<view @click="handle_RTInfo_click" class="grid-item-box">
						<!-- <uni-icons custom-prefix="iconfont" type="icon-laoren" size="30"></uni-icons> -->
						<image src="@/static/icon/homepage-icons/LaoRenXinXi.png" alt="老人信息"
							style="width:45px;height:45px;"></image>
						<text class="text">老人信息</text>
					</view>
				</uni-grid-item>
				<!-- <uni-grid-item>
					<view @click="handle_queryEnter_click" class="grid-item-box">
						<uni-icons custom-prefix="iconfont" type="icon-jigou00" size="30"></uni-icons>
						<text class="text">机构查询</text>
					</view>
				</uni-grid-item> -->
				<uni-grid-item v-if="homePermission.some(i => i.name == 'SheBeiXinXi')">
					<view @click="handle_DeviceInstall_click" class="grid-item-box">
						<!-- <uni-icons custom-prefix="iconfont" type="icon-jiankong" size="30"></uni-icons> -->
						<image src="@/static/icon/homepage-icons/SheBeiXinXi.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">设备信息</text>
					</view>
				</uni-grid-item>
				<!-- <uni-grid-item>
					<view @click="handle_GzAudit_click" class="grid-item-box">
						<uni-icons type="eye" size="30"></uni-icons>
						<text class="text">改造审核</text>
					</view>
				</uni-grid-item> -->
				<uni-grid-item v-if="homePermission.some(i => i.name == 'GaiZaoShiGong')">
					<view @click="handle_GZSG_click" class="grid-item-box">
						<!-- <uni-icons custom-prefix="iconfont" type="icon-shigongdi" size="30"></uni-icons> -->
						<image src="@/static/icon/homepage-icons/GaiZaoShiGong.png" alt="改造施工"
							style="width:45px;height:45px;"></image>
						<text class="text">改造施工</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ShangMenFuWu')">
					<view @click="handle_SMFW_click" class="grid-item-box">
						<!-- <uni-icons type="heart" size="30"></uni-icons> -->
						<image src="@/static/icon/homepage-icons/ShangMenFuWu.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">上门服务</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'WenJuanDiaoCha')">
					<view @click="handle_WJDC_click" class="grid-item-box">
						<!-- <uni-icons type="clock-fill" size="30"></uni-icons> -->
						<!-- <uni-icons custom-prefix="iconfont" type="icon-wenjuan" size="30"></uni-icons> -->
						<image src="@/static/icon/homepage-icons/WenJuanDiaoCha.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">问卷调查</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_ZNYH_click" class="grid-item-box">
						<!-- <uni-icons type="clock-fill" size="30"></uni-icons> -->
						<!-- <uni-icons custom-prefix="iconfont" type="icon-yiyaoxiang" size="30"></uni-icons> -->
						<image src="@/static/icon/homepage-icons/ZhiNengYaoHe.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">智能药盒</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_PillBox_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/ZhiNengYaoHe2.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">智能药盒(2)</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_ElderDeivceList_StaffEntry_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/SheBeiLieBiao.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">设备列表(工作人员)</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_ElderDeivceList_ElderEntry_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/SheBeiLieBiao.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">设备列表(老)</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/WoDeDiTu.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">我的地图</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_JJBJ_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/JinJiBaoJing.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">紧急报警</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_RTInfo_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/BaoJingJiLu.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">报警记录</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/ShiLaoHuaGaiZaoShenQing.png" alt=""
							style="width:45px;height:45px;"></image>
						<text class="text">适老化改造申请</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/FuWuShenQing.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">服务申请</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Monitor_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/JianKongShiPin.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">监控视频</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/JiGouLieBiao.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">机构列表</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/ShangCheng.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">商城</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/LunTan.png" alt="" style="width:45px;height:45px;"></image>
						<text class="text">论坛</text>
					</view>
				</uni-grid-item>


				<uni-grid-item>
					<WoDeXiaoXi v-if="homePermission.some(i => i.name == 'WoDeXiaoXi')"></WoDeXiaoXi>
					<!-- 				    <view @click="handle_ZNYH_click" class="grid-item-box" style="position: relative;">
				        <u-icon name="more-circle" color="#2979ff" size="28"></u-icon>
				        <text class="text">我的消息</text>
				        <u-badge numberType="overflow" :type="type" max="99" value="99" style="position: absolute; top: 20rpx; right: 20rpx; font-size: 16px;"></u-badge>
				    </view> -->
				</uni-grid-item>

				<!-- <uni-grid-item>
					<view @click="signture" class="grid-item-box">
						<uni-icons type="scan" size="30"></uni-icons>
						<text class="text">电子签名</text>
					</view>
				</uni-grid-item> -->
				<!-- <uni-grid-item>
					<view @click="entermap" class="grid-item-box">
						<uni-icons type="map" size="30"></uni-icons>
						<text class="text">机构地图</text>
					</view>
				</uni-grid-item>
				<uni-grid-item>
					<view @click="eldermap" class="grid-item-box">
						<uni-icons type="map" size="30"></uni-icons>
						<text class="text">老人地图</text>
					</view>
				</uni-grid-item> -->
			</uni-grid>
		</view>
		<uni-section title="服务人员功能菜单" type="line"></uni-section>
		<view class="grid-body">
			<uni-grid :column="4" :showBorder="false" @change="changeGrid">
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_MyInfo_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/WoDeXinXi.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">我的信息</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_HisMission_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/LiShiRenWu.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">历史任务</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/ShiLaoHuaGaiZao.png" alt=""
							style="width:45px;height:45px;"></image>
						<text class="text">适老化改造</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/YangLaoFuWu.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">养老服务</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/LaoRenLieBiao.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">老人列表</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/BaoJingXinXiLieBiao.png" alt=""
							style="width:45px;height:45px;"></image>
						<text class="text">报警信息列表</text>
					</view>
				</uni-grid-item>
				<uni-grid-item v-if="homePermission.some(i => i.name == 'ZhiNengYaoHe')">
					<view @click="handle_Map_click" class="grid-item-box">
						<image src="@/static/icon/homepage-icons/NengLiPingGu.png" alt="" style="width:45px;height:45px;">
						</image>
						<text class="text">能力评估</text>
					</view>
				</uni-grid-item>
			</uni-grid>
		</view>
	</view>
</template>

<script>
import store from "@/store"
import WoDeXiaoXi from "@/pages/WoDeXiaoXi/module.vue"
export default {
	components: {
		WoDeXiaoXi
	},
	data() {
		return {
			current: 0,
			swiperDotIndex: 0,
			banner: [
				'/static/images/banner/title.png',
			],
			showActionSheet:false,
			showSubmenu:false,
			// 操作菜单初始化
			list:[],
			// 老人信息操作菜单
			RTInfoList: [
				{
					name:'老人信息'
				},
				{
					name: '健康信息'
				}
			],
			JJBJList: [
				{
					name:'直接呼叫'
				},
				{
					name: '电话呼叫'
				}
			],
			submenuList:[
				{
					name:'语音通话'
				},
				{
					name:'视频通话'
				}
			],
		}
	},
	computed: {
		homePermission() {
			let result = this.$store.state.user.addRoutes?.children.find(item => item.name == 'Home')?.children
			if (result) {
				return result
			} else {
				return []
			}
		}
	},
	onLoad: function () {
		console.log(this.homePermission)
	},
	methods: {
		// 老人信息按钮操作
		handle_RTInfo_click() {
			// this.$tab.navigateTo('/pages/RTInfo/index')
			// 获取老人信息 操作菜单内容
			this.list = this.RTInfoList	
			// 打开老人操作菜单
			this.showActionSheet = true
		},
		// ====================================================
		// 紧急报警按钮操作
		handle_JJBJ_click() {
			// this.$tab.navigateTo('/pages/RTInfo/index')
			// 获取老人信息 操作菜单内容
			// this.list = this.JJBJList
			// 打开老人操作菜单
			// this.showActionSheet = true
			this.$tab.navigateTo('/pages/emergencyAlarm/index')
		},
		// ====================================================
		// 操作菜单回调函数,跳转页面
		actionSheetSelect(index){
			// console.log(index);
			if(index.name === "老人信息"){
				this.$tab.navigateTo('/pages/elderInfo/index')
			}else if(index.name === "健康信息"){
				// 老人健康信息
				// this.$tab.navigateTo('/pages/healthInfo/index')
			}else if(index.name === "直接呼叫"){
				console.log("接发送消息到后台~");
				this.showSubmenu = true
			}else if(index.name === "电话呼叫"){
				uni.makePhoneCall({
                phoneNumber: '1234567890', // 需要拨打的电话号码
                success() {
                    console.log('拨打电话成功！');
                },
                fail() {
                    console.log('拨打电话失败！');
                }
            });
			}
		},
		submenuSelect(index){
			if(index.name === "语音通话"){
				this.$tab.navigateTo('/pages/voiceCall/index')
			}else if(index.name === "视频通话"){
				this.$tab.navigateTo('/pages/videoCall/index')
			}
		},
		// 关闭操作菜单
		closeActionSheet() {
			this.showActionSheet = false
		},
		closeSubmenu() {
			this.showSubmenu = false
		},
		handle_DeviceInstall_click() {
			this.$tab.navigateTo('/pages/DeviceInstall/index')
		},
		handle_GzAudit_click() {
			this.$tab.navigateTo('/pages/GzAudit/index')
		},
		//改造施工
		handle_GZSG_click() {
			this.$tab.navigateTo('/pages/GaiZaoShiGong/index')
		},
		//上门服务
		handle_SMFW_click() {
			this.$tab.navigateTo('/pages/ShangMenFuWu/index')
		},
		//监控视频
		handle_Monitor_click() {
			this.$tab.navigateTo('/pages/monitor/index')
		},
		clickBannerItem(item) {
			console.info(item)
		},
		changeSwiper(e) {
			this.current = e.detail.current
		},
		changeGrid(e) {
			// this.$modal.showToast('模块建设中~')
		},
		service() {
			// uni.scanCode({
			// 	// scanType: ['barCode'],
			// 	success: function(res) {
			// 		console.log('条码类型：' + res.scanType);
			// 		console.log('条码内容：' + res.result);
			// 		uni.showToast({
			// 			icon: 'none',
			// 			title: '条码内容:' + res.result,
			// 			duration: 5000
			// 		});
			// 	}
			// });
		},
		signture() {
			this.$tab.navigateTo('/pages/serviceApply/add')
		},
		eldermap() {
			this.$tab.navigateTo('/pages/map/elderMap/index')
		},
		entermap() {
			this.$tab.navigateTo('/pages/map/enterMap/index')
		},
		handle_queryEnter_click() {
			this.$tab.navigateTo('/pages/queryEnter/index')
		},
		handle_ZNYH_click() {
			this.$tab.navigateTo('/pages/ZhiNengYaoHe/index')
		},
		//问卷调查
		handle_WJDC_click() {
			this.$tab.navigateTo('/pages/WenJuanDiaoCha/index')
			// this.$tab.navigateTo('/pages/WenJuanDiaoCha/Answer/edit')
			// this.$tab.navigateTo('/pages/WenJuanDiaoCha/Answer/index')
		},
		//一键报警按钮触发
		handle_warring_click() {
			this.$tab.navigateTo("/pages/warning/warning");
		},
		//搜索栏点击按钮
		handle_search_click() {
			// this.$tab.navigateTo(" ");
			console.log("搜索栏被点击");
		},
		right_top_click() {
			console.log("右边上方被点击");
			this.$tab.navigateTo('/pages/homepage/VR/index')
		},
		right_bottom_click() {
			console.log("右边下方被点击");
		},
		handle_MyInfo_click(){
			this.$tab.navigateTo('/pages/myInfo/index')
		},
		handle_HisMission_click(){
			this.$tab.navigateTo('/pages/hisMission/index')
		},
		handle_PillBox_click() {
			this.$tab.navigateTo('/pages/homepage/PillBox/index?uuid=2c773654facb11ec97eafa163eb546d6')
		},
		handle_ElderDeivceList_ElderEntry_click() {
			this.$tab.navigateTo('/pages/homepage/ElderDeviceList/index')
		},
		handle_ElderDeivceList_StaffEntry_click() {
			this.$tab.navigateTo('/pages/homepage/ElderDeviceList/ElderList/index')
		},
		handle_Map_click() {
			uni.showToast({
				title: "模块建设中",
				duration: 1000,
				icon: "none"
			})
		}
	},
}
</script>

<style lang="scss">
/* #ifndef APP-NVUE */
page {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	background-color: #fff;
	min-height: 100%;
	height: auto;
}

view {
	font-size: 14px;
	line-height: inherit;
}

/* #endif */

.text {
	text-align: center;
	font-size: 26rpx;
	margin-top: 10rpx;
}

.grid-item-box {
	flex: 1;
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
}

.uni-margin-wrap {
	width: 690rpx;
	width: 100%;
	;
}

.swiper {
	height: 300rpx;
}

.swiper-box {
	height: 230px;
}

.swiper-item {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	height: 300rpx;
	line-height: 300rpx;
}

@media screen and (min-width: 500px) {
	.uni-swiper-dot-box {
		width: 400px;
		/* #ifndef APP-NVUE */
		margin: 0 auto;
		/* #endif */
		margin-top: 8px;
	}

	.image {
		width: 100%;
	}
}

/* ================== */
.work-container {
	.header {
		background-color: #fff;

		.top {
			display: flex;
			justify-content: start;
			position: fixed;
			z-index: 1;
			width: 100%;
			top: 3%;
			left: 3%;
		}

		.switchAndShow {
			display: flex;
			position: relative;
			justify-content: center;
			align-items: center;

			.switch {
				width: 100%;
				margin-bottom: 150rpx;
			}

			.title {
				z-index: 1;
				position: absolute;
				top: 23%;
				color: #fff;
				font-size: 60rpx;
				text-shadow: 3px 3px #000;
			}

			.shortcutShow {
				background-color: #fff;
				height: 400rpx;
				width: 90%;
				position: absolute;
				top: 40%;
				border-radius: 5%;
				overflow: hidden;
				box-shadow: 0px 0px 1px 1px #ccc;
				padding: 3%;

				.left {
					border-radius: 5%;
					overflow: hidden;
					background: #eff6ff;
					height: 355rpx;
					padding: 3%;
					box-shadow: 0px 0px 3px 3px #f7fbff;
					font-weight: 600;
					color: #465c77;
					// margin-right: 5%;
				}

				.right {
					border-radius: 5%;
					overflow: hidden;
					height: 355rpx;

					.right-top {
						border-radius: 5%;
						overflow: hidden;
						background: #fdfaf1;
						height: 45%;
						width: 100%;
						padding: 3% 0% 3% 10%;

						.textView {
							height: 200rpx;
							width: 200rpx;
							padding: 10% 0%;
							// background-color: pink;

							.textTitle {
								font-weight: 600;
								font-size: 35rpx;
								color: #6d604d;
								display: block;
								padding: 5% 3%;
							}

							.textInfo {
								color: #6d604d;
								font-size: 25rpx;
							}
						}

						.picView {
							height: 200rpx;
							width: 200rpx;
							padding: 15%;
							// background-color: pink;
						}
					}

					.right-bottom {
						border-radius: 5%;
						overflow: hidden;
						background: #e3fbf5;
						height: 45%;
						width: 100%;
						margin-top: 10%;
						padding: 3% 0% 3% 10%;

						.textView {
							height: 200rpx;
							width: 200rpx;
							padding: 10% 0%;

							.textTitle {
								font-weight: 600;
								font-size: 35rpx;
								color: #48665e;
								display: block;
								padding: 5% 3%;
							}

							.textInfo {
								color: #48665e;
								font-size: 25rpx;
							}
						}

						.picView {
							height: 200rpx;
							width: 200rpx;
							padding: 15%;
							// background-color: pink;
						}
					}
				}

				.btn {
					width: 100%;
					padding: 5%;
				}
			}
		}
	}
}
.popUpRTInfo{
	padding: 4%;
    // 文本外框样式
    .text {
      margin-bottom: 3%;
    }
    .inpInfoBox {
      font-size: large;
      font-weight: 500;
      width: 100%;
      margin: 3% 0;

      // 输入框样式
      .u-input {
        box-shadow: 0px 0px 3px 1px #ccc;
      }
      // 单选样式
      .u-radio {
        margin-right: 3%;
      }
    }
    
}
</style>